<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name=renderer  content=webkit>
    <title>五四宪法历史资料陈列馆</title>
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/common.js"></script>
</head>
<body>
<div class="main">
    <div class="index container">
        <!--    滚动文字-->
        <div id="scroll_div" class="fl" style="display: block">
            <div id="scroll_begin">
            <span class="pad_right">
                {foreach $list as $k=>$v}
                      {$v.content}
                 {/foreach}
            </span>
            </div>
        </div>
        {if $res == 1}<a href="/activity" class="activity" >展馆活动<img src="/static/image/to_right.png" alt=""></a>{/if}
        <p class="title">五四宪法历史资料陈列馆</p>
        <p class="index_button">
            <a href="javascript:;" class="rules" >
                <img src="/static/image/orderinfo.png" alt="">
            </a>
            <a href="javascript:;" class="myorder">
                <img src="/static/image/myorder.png" alt="">
            </a>
        </p>
    </div>
    <div class="login_box layer_box">
        <div>
            <p>账户登录</p>
            <a href="javascript:;" class="fr" onclick="$('.login_box').hide();$('.reg_box').show()">注册</a>
            <div class="clear"></div>
            <span>手机号</span>
            <input type="text" onblur="checkMobile(this.value)" class="mobile">
            <span>登录密码</span>
            <input type="text" class="password">
            <a href="javascript:;" class="denglu">登录</a>
        </div>
    </div>
    <div class="reg_box layer_box">
        <div>
            <p>账户登录</p>
<!--            <a href="javascript:;" onclick="$('.login_box').show();$('.reg_box').hide()" class="fr">返回</a>-->
            <div class="clear"></div>
<!--            <span>账户名</span>-->
<!--            <input type="text" class="name1 ">-->
            <span>手机号</span>
            <input type="text" class="mobile1">
            <span>验证码</span>
            <input type="text" class="captcha">
            <a href="javascript:;" class="send" onclick="getVerifyCode(this)">发送验证码</a>
<!--            <span>登录密码</span>-->
<!--            <input type="text" class="password1">-->
            <a href="javascript:;" class="zhuce denglu">登录</a>
        </div>
    </div>
</div>
<!--<input type="text" name="code" value="" class="code1">-->
<input type="hidden" value="{$Think.session.mobile}" class="session_mobile">
<input type="hidden" value="" class="login">
<script>
    // $.ajax({
    //     type: 'get',
    //     url: 'stop',
    //     dataType:'json',
    //     success: function (result) {
    //         // $(".code1").val(result.code);
    //     },
    //     error: function(result){
    //         // alert("21321");
    //     },
    // });
    // $.ajax({
    //     type: 'get',
    //     url: 'send_code',
    //     dataType:'json',
    //     success: function (result) {
    //         // $(".code1").val(result.code);
    //     },
    //     error: function(result){
    //         // alert("21321");
    //     },
    // });
    // $(".send").click(function(){
    //     $.ajax({
    //         type: 'get',
    //         url: 'register_code',
    //         data: {"mobile":$(".mobile1").val()},
    //         dataType:'json',
    //         success: function (result) {
    //             // $(".code1").val(result.code);
    //         },
    //         error: function(result){
    //             // alert("21321");
    //         },
    //     });
    // })
    //发送验证码
    var countdown = 60;
    function settime(obj) {
        if (countdown == 0) {
            obj.attr("onclick","getVerifyCode()")//设置onclick属性
            obj.text("获取短信验证码");
            countdown = 60;
            return;
        } else {
            obj.removeAttr("onclick");//移除onclick属性
            obj.text("重新发送(" + countdown + ")");
            countdown--;
        }
        setTimeout(function() {settime(obj) },1000);//设置定时任务，1000毫秒为1秒
    }
    function getVerifyCode(obj) {
        var mobile = $(".mobile1").val();
        var reg = /(^1[3|4|5|7|8][0-9]{9}$)/;
        console.log(mobile);
        //手机号格式正确
        if (reg.test(mobile)) {
            $.ajax({
                type: 'get',
                url: 'register_code',
                data: {"mobile":$(".mobile1").val()},
                dataType:'json',
                success: function (result) {
                    // $(".code1").val(result.code);
                    settime($(".send"));//设置倒计时
                    // alert("发送成功");
                    layer.msg("发送成功",{
                        icon: 1,
                        title:false,
                        time:5000
                    })
                    return false;
                },
                error: function(result){
                    // alert("21321");
                },
            });
        } else {
            // alert('手机号码有误，请确认。');
            layer.alert("手机号码有误，请确认。",{
                icon: 2,
                title:false,
                time:5000
            })
            return false;
        }
    }
    function checkMobile(tel) {
        var reg = /(^1[3|4|5|7|8][0-9]{9}$)/;
        //手机号格式正确
        if (reg.test(tel)) {
            return true;
        } else {
            // alert('手机号码有误，请确认。');
            layer.alert("手机号码有误，请确认。",{
                icon: 2,
                title:false,
                time:5000
            })
            return false;
        }
    };
    $('.layer_box').click(function(){
        $(this).hide();
    });
    $('.layer_box>div').click(function(e){
        e.stopPropagation();
    });
 $(".rules").click(function(){
     // var session_mobile = $(".session_mobile").val();
     // if(session_mobile == ""){
     //     $(".login_box").css("display","block");
     //     $(".login").val(1);
     // }else{
         $(this).attr("href","wap/user/rules");
     // }
 })
$(".myorder").click(function(){

        var session_mobile = $(".session_mobile").val();
        if(session_mobile == ""){
            $(".reg_box").show();
        }else{
            $(this).attr("href","orders?mobile="+session_mobile);
        }
    })

 // $(".denglu").click(function(){
 //        var account=$(".mobile").val();
 //        var pwd=$(".password").val();
 //        var style=$(".login").val();
 //        $(this).attr("href","wap_login?mobile="+account+"&password="+pwd+"&styles="+style);
 //    })
    $(".zhuce").click(function(){
        var account=$(".mobile1").val();
        // var pwd=$(".password1").val();
        // var name=$(".name1").val();
        var code = $(".captcha").val();

        $(this).attr("href","register?mobile="+account+"&code="+code);
    })
    //文字横向滚动
    function ScrollImgLeft(){
        var spanWidth = $('.pad_right').width();
        var initWidth = window.screen.width;
        var widthScroll = window.screen.width;
        if(spanWidth == 0){
            $('#scroll_div').hide();
         }else{
             setInterval(function(){
                 widthScroll--;
                 $("#scroll_begin").css('left',widthScroll);
                 if(widthScroll <=(-spanWidth)){
                     widthScroll = initWidth;
                 }
             },24);
         }
    }
    ScrollImgLeft()
</script>
</body>
</html>